@charset "utf-8";
/* CSS Document */
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide figure{padding-bottom: 26%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination{bottom: .1rem;}
.banner .swiper-pagination .swiper-pagination-current{font-size: .18rem;}
.banner .swiper-pagination-bullet{width: .1rem;height: .1rem;border-radius: 1rem;transition: all 0.3s;background: #004ea1;opacity: 1;margin: 0 .05rem !important;}
.banner .swiper-pagination-bullet-active{background: #FFF;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: .26rem;height: .26rem;text-align: center;line-height: .26rem;outline: medium;color: #FFF;border: 1px solid #FFF;border-radius: 100%;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .1rem;color: #FFF;}

.dyip ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dyip li{width: 30%;display: flex;align-items: center;justify-content: space-between;}
.dyip li .yi{font-size: .4rem;margin-right: .1rem;color: #004ea1;}
.dyip li .txt strong{font-weight: bold;color: #333;}
.dyip li .txt p{margin-top: .05rem;}

.derp{padding: 4% 8%;}
.derp .title{width: 48%;display: flex;align-items: center;justify-content: space-between;color: #004ea1;}
.derp .title a{color: #004ea1;}
.derp .title a:hover{text-decoration: none;}
.derp .box{margin-top: .1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.derp .left{width: 48%;position: relative;}
.derp .left figure{padding-bottom: 70%;}
.derp .left .txt{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(21, 72, 151, .5);display: flex;align-items: center;padding: 0 5%;}
.derp .left .txt time{background: #FFF;display: inline-block;text-align: center;padding: .05rem .1rem;color: #004ea1;}
.derp .left .txt time p{font-size: .2rem;}
.derp .left .txt strong{color: #FFF;padding-left: .1rem;}
.derp .right{width: 48%;}
.derp .right li{padding: .15rem 0;}
.derp .right li time{text-align: center;padding: .05rem 0;color: #004ea1;float: left;display: block;border-right: 2px solid #CCC;width: .6rem;box-sizing: border-box;}
.derp .right li time p{font-size: .2rem;}
.derp .right li .txt{margin-left: .8rem;}
.derp .right li .txt strong{font-size: .12rem;}
.derp .right li .txt p{line-height: 1.6;margin-top: .1rem;color: #999;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.derp .right li a:hover{text-decoration: none;}

.dsanp .title{color: #004ea1;}
.dsanp img{width: 100%;}

.dsip .title{color: #004ea1;}
.dsip ul{display: flex;align-items: stretch;justify-content: space-between;margin-top: .1rem;flex-wrap: wrap;}
.dsip li{width: 23%;}
.dsip li figure{padding-bottom: 90%;}
.dsip li strong{display: block;text-align: center;padding: .1rem 0;font-weight: bold;}
.dsip li strong a{color: #004ea1;}
.dsip li strong a:hover{color: #004ea1;text-decoration: none;}
.dsip li p{line-height: 1.6;}
.dsip .more{text-align: center;margin-top: .5rem;font-weight: bold;font-size: .14rem;letter-spacing: .04rem;}
.dsip .more a{display: inline-block;background: #004ea1;color: #FFF;padding: .1rem .3rem;border-radius: 1rem;}
.dsip .more a:hover{text-decoration: none;}

.banner_pic{position: relative;}
.banner_pic figure{padding-bottom: 20%;}
.banner_pic .title{position: absolute;left: 8%;bottom: 0;background: #004ea1;color: #FFF;padding: .2rem .2rem .6rem .2rem;font-size: .14rem;}
.banner_pic .title h2{font-size: .2rem;}
.banner_pic .title p{margin-top: .2rem;}

.con .title{text-align: center;color: #004ea1;}
.about{line-height: 2;margin-top: .2rem;text-align: center;}
.about .txt{padding: 0 15%;}
.about .txt img{padding: .2rem 0;}
.about p{text-indent: 2em;text-align: left;}
.about p span{color: #333;}
.about .pic{margin-top: .5rem;}
.about img{max-width: 100%;}

.products{padding: 0 10%;}
.products ul{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.products li{width: 23%;border: 5px solid #004ea1;box-sizing: border-box;padding: .5rem .1rem .1rem .1rem;position: relative;border-radius: .2rem;margin: .3rem 0;}
.products li .titleer{position: absolute;left: 50%;top: 0;color: #FFF;font-size: .16rem;display: flex;align-items: center;justify-content: center;background-size: 100%;width: 1rem;margin-left: -.5rem;}
.products li .titleer .txt{position: relative;}
.products li .titleer p{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-size:.1rem;}
.products li .titleer img{width: 100%;}
.products li .box{background: #ededed;border-radius: 0 0 .2rem .2rem;}
.products li .box figure{padding-bottom: 80%;}
.products li .box p{line-height: 1.6;padding: .1rem;height: 1.2rem;font-size: .1rem;color: #004ea1;}
.products li a{display: block;}
.products li a:hover{text-decoration: none;}


.dqwz{color: #004ea1;}
.dqwz a{color: #999;}
.dqwz a:hover{text-decoration: none;}
.dqwz i{font-size: .08rem;color: #999;padding: 0 .05rem;}
.dqwz span{color: #999;}

.product_box{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;padding-top: .4rem;}
.subnav{width: 15%;}
.subnav li p{background: #004ea1;margin-bottom: .03rem;font-size: .1rem;text-align: center;color: #FFF;}
.subnav li p a{padding: .03rem .1rem;display: block;color: #FFF;}
.subnav li p a:hover{text-decoration: none;}
.subnav li .list{font-size: .08rem;}
.subnav li .list a{padding: .03rem .1rem;display: block;display: block;background: #d7d7d7;color: #004ea1;margin-bottom: .03rem;}
.subnav li .list a:hover{text-decoration: none;}
.subnav li .list dd a{background: #ededed;color: #666;margin-bottom: .03rem;}
.subnav li .list dd a.current{background: #5199d3;color: #FFF;}

.products_list{width: 80%;}
.products_list ul{display: flex;align-items: stretch;flex-wrap: wrap;margin-left:-2%;}
.products_list li{width: 23%;text-align: center;margin-bottom: .2rem;margin-left:2%;}
.products_list li .pic{border: 1px solid #333;border-radius: .2rem;overflow: hidden;}
.products_list li figure{padding-bottom: 100%;}
.products_list li p{padding: .1rem 0;color: #004ea1;}


.products_list_con{width: 80%;}
.products_list_con .con_t{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.products_list_con .con_t .left{width: 58%;}
.products_list_con .con_t .left img{max-width:100% !important;height:100% !important;}
.products_list_con .con_t .left h2{font-size: .14rem;color: #004ea1;}
.products_list_con .con_t .left p{line-height: 1.6;margin-top: .1rem;}
.products_list_con .con_t .left .pdf{background:#004ea1;display:inline-block;margin-top:.1rem;}
.products_list_con .con_t .left .pdf a{padding:.05rem .1rem;display:block;color:#FFF;}
.products_list_con .con_t .left .pdf a:hover{padding:.05rem .1rem;display:block;color:#FFF;text-decoration:none;}
.products_list_con .con_t .pic{width: 38%;}
.products_list_con .con_t .pic figure{padding-bottom: 100%;}
.products_list_con .con_b{margin-top: .3rem;}
.products_list_con .con_b img{max-width: 100%;}

.news .news_t{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.news .news_t .pic{width: 48%;}
.news .news_t .pic figure{padding-bottom: 60%;}
.news .news_t .txt{width: 48%;}
.news .news_t .txt h2{font-size: .16rem;}
.news .news_t .txt h2 a{color: #004ea1;}
.news .news_t .txt h2 a:hover{text-decoration: none;}
.news .news_t .txt time{margin-top: .1rem;display: block;}
.news .news_t .txt p{margin-top: .2rem;line-height: 2;}
.news .box{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;margin-top: .4rem;}
.news .box .list{width: 48%;}
.news .box .list .title_news{font-size: .16rem;color: #004ea1;border-left: 5px solid #004ea1;padding-left: .1rem;}
.news .box .list ul{margin-top: .2rem;}
.news .box .list li{display: flex;align-items: center;justify-content: space-between;padding-bottom: .1rem;}
.news .box .list .more{text-align: right;}
.news .box .list .more a{background: #d5d5d5;display: inline-block;padding: .05rem .2rem;border-radius: 1rem;}
.news .box .list .more a:hover{text-decoration: none;}
.news .box .list_er{width: 100%;}
.news .box .list_er .title_news{font-size: .16rem;color: #004ea1;border-left: 5px solid #004ea1;padding-left: .1rem;}
.news .box .list_er ul{margin-top: .2rem;}
.news .box .list_er li{display: flex;align-items: center;justify-content: space-between;background: #eaeaea;margin-bottom: .05rem;}
.news .box .list_er li a{padding: .1rem;}
.news .box .list_er li p{padding-right: .1rem;}
.news .box .list_er .more{text-align: right;}
.news .box .list_er .more a{background: #d5d5d5;display: inline-block;padding: .05rem .2rem;border-radius: 1rem;}
.news .box .list_er .more a:hover{text-decoration: none;}
.news .news_b{margin-top: .4rem;}
.news .news_b .title_news{font-size: .16rem;color: #004ea1;border-left: 5px solid #004ea1;padding-left: .1rem;}
.news .news_b ul{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;margin-top: .2rem;}
.news .news_b li{width: 32%;}
.news .news_b li figure{padding-bottom: 70%;}

.fenye{text-align: center;margin-top: .4rem;}
.fenye a{margin: 0 .05rem;color: #004ea1;}
.fenye a:hover{text-decoration: none;}
.fenye a.current{font-weight: bold;}

.news_con ul{display: flex;align-items: center;}
.news_con li{margin-right: .1rem;background: #5199d3;border-radius: 1rem;}
.news_con li a{display: block;padding: .05rem .1rem;color: #FFF;}
.news_con li a:hover{text-decoration: none;}
.news_con .title_news{text-align: center;margin-top: .8rem;}
.news_con .title_news h2{font-size: .18rem;color: #004ea1;}
.news_con .title_news p{margin-top: .1rem;}
.news_con .box{text-align: center;margin-top: .3rem;padding: 0 10%;}
.news_con .box p{padding: .2rem 0;text-align: left;line-height: 2;text-indent: 2em;}
.news_con .box img{max-width: 100%;}

.subnav_er ul{display: flex;align-items: stretch;justify-content: center;flex-wrap: wrap;}
.subnav_er li{margin: 0 .05rem;border-radius: .05rem;font-size: .14rem;overflow: hidden;}
.subnav_er li a{padding: .05rem .15rem;display: block;color: #FFF;background: #5199d3;}
.subnav_er li a:hover{text-decoration: none;}
.subnav_er li a.current{background: #004ea1;}

.rc_title{padding: .8rem 0;text-align: center;}
.rc_title .bt{font-size: .18rem;color: #004ea1;font-weight: bold;}
.rc_title p{margin-top: .1rem;position: relative;display: inline-block;}
.rc_title p:before{content: "";display: block;width: .5rem;height: 2px;background: #CCC;position: absolute;left: 100%;top: 50%;margin-left: .1rem;}
.rc_title p:after{content: "";display: block;width: .5rem;height: 2px;background: #CCC;position: absolute;right: 100%;top: 50%;margin-right: .1rem;}

.rcg .txt{font-size: .2rem;padding: 0 10%;}
.rcg p{line-height: 2;text-indent: 2em;}
.rcg span{font-size: .3rem;color: #004ea1;font-weight: bold;}

.zhaopin_pic img{max-width: 100%;}

.peixun{text-align: center;}
.peixun img{max-width: 100%;}

.fazhan{padding: 0 10%;}
.fazhan li{display: flex;align-items: center;margin-bottom: .2rem;}
.fazhan li .yi{font-size: .6rem;margin-right: .3rem;color: #5199d3;}
.fazhan li .txt strong{font-weight: bold;color: #333;font-size: .3rem;color: #004ea1;}
.fazhan li .txt p{margin-top: .05rem;font-size: .16rem;line-height: 2;}

.zhaopin .txt .bt{font-size: .2rem;color: #004ea1;text-align: center;padding-bottom: .2rem;font-weight: bold;}
.zhaopin .txt p{line-height: 2;text-indent: 2em;}
.zhaopin .yi{margin-top: .5rem;}
.zhaopin .yi li{display: flex;align-items: center;justify-content: space-between;}
.zhaopin .yi li p{background: #004ea1;height: .3rem;display: flex;align-items: center;justify-content: center;color: #FFF;font-size: .14rem;}
.zhaopin .yi li p:nth-of-type(1){width: 5%;}
.zhaopin .yi li p:nth-of-type(2){width: 30%;}
.zhaopin .yi li p:nth-of-type(3){width: 64%;}
.zhaopin .er li{display: flex;align-items: stretch;justify-content: space-between;margin-top: .05rem;}
.zhaopin .er li .txter{background: #5199d3;color: #FFF;line-height: 2;}
.zhaopin .er li .txter:nth-of-type(1){width: 5%;display: flex;align-items: center;justify-content: center;font-size: .14rem;}
.zhaopin .er li .txter:nth-of-type(2){width: 30%;display: flex;align-items: center;justify-content: center;font-size: .14rem;}
.zhaopin .er li .txter:nth-of-type(3){width: 64%;}
.zhaopin .er li .box{padding: .1rem;}

.contact{text-align: center;}
.contact .contact_title{color: #004ea1;}
.contact .txter{margin-top: .1rem;font-size: .14rem;}
.contact p{padding-top: .1rem;}
.contact .pic{margin-top: .4rem;}
.contact .pic img{max-width: 100%;}

.page a{padding: .02rem .05rem;display:inline-block;}
.page a:hover{text-decoration:none;}
.page .active{font-weight:bold;background:#004ea1;color:#FFF;}